<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Semua Berbagi-Indonesia Charity Community</title>
        <meta name="keywords" content="berbagi,charity,community"/>
        <link href="css/style.css" rel="stylesheet" type="text/css"/>
        <link href="css/SpryMenuBarVertical.css" rel="stylesheet" type="text/css"/>
        <script src="js/SpryMenuBar.js" type="text/javascript"></script>
        <script type="text/javascript">
            function clearText(field)
            {
                if (field.defaultValue == field.value)
                    field.value = '';
                else if (field.value == '')
                    field.value = field.defaultValue;
            }
        </script>
    </head>
    <body id="home">
        <div id="wrap">
            <div id="header">
                <div id="header_kiri">
                    <div id="search">
                        <input type="text" value="Search Barang" class="kataKunci" onblur="clearText(this)" onfocus="clearText(this)"/>
                        <input type="submit" value="" class="button" alt="Search"/>
                    </div>
                </div>
                <div id="header_kanan">
                    <div id="akses">
                        <input type="submit" value="" class="butDaftar" alt="Daftar"/>
                        <input type="submit" value="" class="butMsk" alt="Masuk"/>
                    </div>
                </div>
            </div>
            <div id="menuUtama">
                <div id="menuUtama_logo"></div>
                <div id="menuUtama_peta">
                    <img src="img/peta.png" width="850" height="300"/>
                </div>&nbsp;
                <ul id="menuBar" class="MenuBarVertical">
                    <li><a class="MenuBarItemSubmenu" href="#">Our Mission</a></li>
                    <li><a class="MenuBarItemSubmenu" href="#">Donation</a></li>
                    <li><a class="MenuBarItemSubmenu" href="#">Help Children</a></li>
                    <li><a class="MenuBarItemSubmenu" href="#">Save The Earth</a></li>
                </ul>
            </div>
            <div id="content_1">
                <div id="content_1_inspiratif">
                    <img src="inspiratif/ins1.png" width="780" height="380"/>
                </div>
                <div id="content_1_testimony">
                    <div id="content_1_testimony_atas">
                        <div class="icon_left"></div>
                        <div class="judul">Berbagi Hari Ini</div>
                        <div class="setTanggal">Tanggal hari ini</div>
                    </div>
                    <div id="testimony">
                        <div id="komentar_tes" class="color1">Lorem ipsum dolor sit amet, consectetuer adipiscing 
                            elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                            Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl 
                            ut aliquip ex ea commodo consequat</div>
                        <div id="foto_tes" class="posisi_kanan"><img src="foto/foto1.png"/></div>
                    </div>
                    <div id="spacer"></div>
                    <div id="testimony">
                        <div id="foto_tes"><img src="foto/foto2.png"/></div>
                        <div id="komentar_tes" class="color2 posisi_kanan">Lorem ipsum dolor sit amet, consectetuer adipiscing 
                            elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                            Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl 
                            ut aliquip ex ea commodo consequat</div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
